<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <select name="" id="">
        <option value="">--省--</option>
    </select>
    <script>
        /* 
        1 打开页面  先显示  动态的数据  
        2 设置  编辑数据对应的  省份  
         */
        const select = document.querySelector('select');
        const list = ['广东省', '湖南省', '贵州省'];

        // 数组数据 显示到 select 中
        const html = list.reduce(
            (h, v) => h + `<option>${v}</option>`,
            '<option>--省--</option>'
        );

        // 通过 value 属性来设置
        select.innerHTML = html;
        select.value = '';
    </script>
</body>

</html>